<template>
  <div>
    {{queryParams}}
    {{orderSn}}
  </div>
</template>

<script setup>

import { useRoute } from 'vue-router'
const data = reactive({
  form: {},
  queryParams: {

  },
  rules: {
  }
});
const route=useRoute();
import {listItem} from "@/api/clientorder/clientorder.js";
const orderSn = ref(route.query.orderSn);
const {form,queryParams,rules} = toRefs(data);
import { useRouter } from 'vue-router'
const router=useRouter();
function getList() {
  // console.log(orderSn.value)
  listItem(orderSn.value).then(response => {
    // console.log(response)
    data.queryParams = response.data;
  });}
getList()
</script>
<style scoped lang="scss">

</style>